﻿body { background-image:url('/Image/bg.jpg'); margin:0px; padding:0px; font-family:Tahoma, Arial; background-repeat:repeat-y }
a { text-decoration:none; }
table { border-style:none; padding:0px; margin:0px; vertical-align:top; }
.clr { clear:both; }

#main { background-image:url('/Image/content_bg.jpg'); width:100%; border-top:solid 1px #0b0b0b;  padding:0px; margin:0px; }
.wrapper { margin:auto; text-align:left; }
.inside-content { margin:auto; width:920px; }

#logo { margin-top:30px; } 
#main #top-menu {  background-color:Black; height:36px; }
#main #top-menu .wrapper { height:50px; position:relative; top:-24px; }
#main #top-menu .wrapper ul {  height:50px; }
#main #top-menu .wrapper ul li { height:50px;  display:inline-block; padding:0px; margin: 17px 32px 0px 0px; text-align:center; vertical-align:middle; }

#main #top-menu .wrapper ul li a { display:block; height:50px; }
#main #top-menu .wrapper ul li .en { font-weight:bold; color:#ccc; font-size:13px; display:block; padding:0px 8px 0px 8px; height:10px;  margin: 12px 0px 5px 0px; }
#main #top-menu .wrapper ul li .vn { font-weight:normal; color:#999999; font-size:11px; padding:0px 8px 0px 8px; margin: 0px 0px 0px 0px; }

#main #top-menu .wrapper ul .selected-item { background-color:#990000; height:50px; display:inline-block;text-align:center; }
#main #top-menu .wrapper ul .selected-item .en { color:#fff; }
#main #top-menu .wrapper ul .selected-item .vn { color:#fff; }

#main #content { margin:auto; background-color:#fff; padding-bottom:30px;}
#main #content ul { padding:0px; margin:0px; vertical-align:top; }
#main #content ul li { vertical-align:top; }
#main #content table { margin:auto; }
#left { background-color:#d9d9d9; width:212px; position:relative; padding-bottom:20px; top:20px; left:10px; vertical-align:text-top;}
#left ul { list-style-type:none; padding:0px; margin:0px; }
#left ul li div { text-align:center; position:relative; top:5px;}
#left img { width:206px; height:53px;}
#left h5 { color:#0b3560; font-family:Arial; font-weight:900; font-size:14px; margin:5px 0px 10px 0px; padding:0px; }

#middle { position:relative; top:17px; left:20px; width:660px;  }
#middle .block { }
#middle .clr { margin-bottom:20px; }
#middle .block .header { color:#660000; font-family:Arial; font-size:17px; font-weight:bold; width:100%; margin-bottom:15px; padding-bottom:3px; border-bottom:dotted 1px #ccc; }
#middle .block .first { width:370px; float:left; }
#middle .block .first .title { color:#2b1f1f; text-transform:uppercase; font-weight:normal; }
#middle .block .first img { float:left; width:185px; height:110px; }
#middle .block .first .detail { color:#6b6c6e; font-size:13px; text-align:justify; }

#middle .block .others { width:320px; position:absolute; left:385px; vertical-align:top; }
#middle .block .others .title { color:#082042; display:block; margin:0px 0px 5px 0px; font-weight:500; font-size:12px; background-image:url('/Image/news-icon.jpg'); background-repeat:no-repeat; background-position:left; padding-left:10px; }

#partner { background-image:url('/Image/partner-bg.jpg'); width:100%; background-repeat:repeat-x repeat-y; }
#partner .wrapper { margin:auto; width:993px; padding-left:75px;  }
/*#partner .list .top { background-image:url('/Image/partner-top.jpg'); background-repeat:no-repeat; display:block; width:913px; height:28px;  }

#partner .list .bot { background-image:url('/Image/partner-bot.jpg'); background-repeat:no-repeat; display:block; width:913px; height:24px;   }*/
#partner .list { background-image:url('/Image/partner_bg.png'); background-repeat:repeat-y; display:block; width:100%; height:156px; position:relative; left:-37px;  }
#partner .list ul { padding:0px; margin:0px; list-style-type:none; display:block; position:relative; left:25px; top:12px; }
#partner .list ul li { display:inline-block; margin-right:-6px; }
#partner .list ul li img { width:189px; height: 130px;}

#bottom-content { background-color:#0b0b0b; color:#868686; font-size:11px; width:100%; padding:0px 0px 0px 0px; }
#bottom-content .wrapper { width:900px; background-image:url('/Image/footer-hr.jpg'); background-position:bottom; background-repeat:no-repeat; }
#bottom-content div { height: 150px; vertical-align:text-top;}
#bottom-content ul { list-style-type:none; padding:0px; margin:0px; }
#bottom-content #contact { float:left; margin-right:20px; width:250px; background-image:url('/Image/footer-sep.jpg'); background-repeat:no-repeat; background-position:right top; padding-right:10px; }
#bottom-content #contact table { padding:0px; margin:0px; border-style:none; }
#bottom-content #contact h5 { color:#565454; font-size:12px; margin:0px 0px 5px 0px; padding:0px; text-transform:uppercase; }
#bottom-content #contact h6 { color:#999999; font-size:11px; margin:0px; padding:0px; }
#bottom-content #news { float:left; width:290px; margin-right:20px; background-image:url('/Image/footer-sep.jpg'); background-repeat:no-repeat; background-position:right top; padding-right:10px; }
#bottom-content #share { float:left; width:290px; } 
#bottom-content #news h5 { color:#990000; font-size:13px; margin:0px 0px 5px 0px; padding:0px; }
#bottom-content li { list-style-image:url('/Image/footer-icon.jpg'); margin-bottom:3px; }
#bottom-content #share h5 { color:#990000; font-size:13px;  margin:0px 0px 5px 0px; padding:0px; }

#footer { background-color:#0b0b0b; border:solid 1px #0b0b0b; padding-top:-10px; height:50px; }
#footer .wrapper { width:900px; padding-top:5px; }
#footer #footer-menu { float:left; }
#footer #footer-menu ul { list-style-type:none; padding:0px; margin:0px; }
#footer #footer-menu ul li { display:inline-block; margin-right:5px; }
#footer #footer-menu ul li a { color:#878686; font-size:11px;  }

#footer #copyright { text-align:right; color:#878686;  font-size:11px;}



